<template>
  <div>
    <el-form class="cyy" :model="cyy" ref="cyy" label-width="100px">
      <div class="table" v-if="zyxx.tbsmsxShow">
        <el-card class="box-card" shadow="hover">
          <div slot="header" class="clearfix">
            <span>特别说明事项</span>
            <el-autocomplete
              style="margin-left: 50px"
              class="inline-input"
              v-model="searchTbsmsx"
              :fetch-suggestions="querySearch"
              placeholder="搜索"
              :trigger-on-focus="false"
              @select="tbsmsxSelect"
            >

              <template slot-scope="{ item }">
                <span>{{ item.value }}</span>
                <span style="color: #2eb3ff;float: right">{{ item.id }}</span>
              </template>

            </el-autocomplete>

          </div>
          <div>
            <el-tag
              style="margin: 10px 10px"
              :key="tbsmsxtag"
              v-for="tbsmsxtag in cyy.tbsmsx"
              closable
              :disable-transitions="false"
              type="warning"
              @close="tbsmsxHandleClose(tbsmsxtag)">
              {{tbsmsxtag.content}}
            </el-tag>

            <el-input
              class="input-new-tag"
              v-if="tbsmsxInputVisible"
              v-model="tbsmsxInputValue"
              ref="tbsmsxSaveTagInput"
              size="small"
              @keyup.enter.native="tbsmsxHandleInputConfirm"
              @blur="tbsmsxHandleInputConfirm"
              style="width: 200px"
            >
            </el-input>
            <el-button v-else class="button-new-tag" size="small" @click="tbsmsxShowInput">添加</el-button>
          </div>
        </el-card>
      </div>
      <div class="table" v-if="zyxx.flfgShow">
        <el-card class="box-card" shadow="hover">
          <div slot="header" class="clearfix">
            <span>法律法规</span>
            <el-autocomplete
              style="margin-left: 50px"
              class="inline-input"
              v-model="searchFlfg"
              :fetch-suggestions="flfgQuerySearch"
              placeholder="搜索"
              :trigger-on-focus="false"
              @select="flfgSelect"
            ></el-autocomplete>

          </div>
          <div>
            <el-tag
              style="margin: 10px 10px"
              :key="flfgtag"
              v-for="flfgtag in cyy.flfg"
              closable
              :disable-transitions="false"
              type="warning"
              @close="flfgHandleClose(flfgtag)">
              {{flfgtag.content}}
            </el-tag>

            <el-input
              class="input-new-tag"
              v-if="flfgInputVisible"
              v-model="flfgInputValue"
              ref="flfgSaveTagInput"
              size="small"
              @keyup.enter.native="flfgHandleInputConfirm"
              @blur="flfgHandleInputConfirm"
              style="width: 200px"
            >
            </el-input>
            <el-button v-else class="button-new-tag" size="small" @click="flfgShowInput">添加</el-button>
          </div>
        </el-card>
      </div>
      <div class="table" v-if="zyxx.jsyjShow">
        <el-card class="box-card" shadow="hover">
          <div slot="header" class="clearfix">
            <span>技术依据</span>
            <el-autocomplete
              style="margin-left: 50px"
              class="inline-input"
              v-model="searchJsyj"
              :fetch-suggestions="jsyjQuerySearch"
              placeholder="搜索"
              :trigger-on-focus="false"
              @select="jsyjSelect"
            ></el-autocomplete>

          </div>
          <div>
            <el-tag
              style="margin: 10px 10px"
              :key="jsyjtag"
              v-for="jsyjtag in cyy.jsyj"
              closable
              :disable-transitions="false"
              type="warning"
              @close="jsyjHandleClose(jsyjtag)">
              {{jsyjtag.content}}
            </el-tag>

            <el-input
              class="input-new-tag"
              v-if="jsyjInputVisible"
              v-model="jsyjInputValue"
              ref="jsyjSaveTagInput"
              size="small"
              @keyup.enter.native="jsyjHandleInputConfirm"
              @blur="jsyjHandleInputConfirm"
              style="width: 200px"
            >
            </el-input>
            <el-button v-else class="button-new-tag" size="small" @click="jsyjShowInput">添加</el-button>
          </div>
        </el-card>
      </div>
      <div class="table" v-if="zyxx.xwyjShow">
        <el-card class="box-card" shadow="hover">
          <div slot="header" class="clearfix">
            <span>行为依据</span>
            <el-autocomplete
              style="margin-left: 50px"
              class="inline-input"
              v-model="searchXwyj"
              :fetch-suggestions="xwyjQuerySearch"
              placeholder="搜索"
              :trigger-on-focus="false"
              @select="xwyjSelect"
            ></el-autocomplete>

          </div>
          <div>
            <el-tag
              style="margin: 10px 10px"
              :key="xwyjtag"
              v-for="xwyjtag in cyy.xwyj"
              closable
              :disable-transitions="false"
              type="warning"
              @close="xwyjHandleClose(xwyjtag)">
              {{xwyjtag.content}}
            </el-tag>

            <el-input
              class="input-new-tag"
              v-if="xwyjInputVisible"
              v-model="xwyjInputValue"
              ref="xwyjSaveTagInput"
              size="small"
              @keyup.enter.native="xwyjHandleInputConfirm"
              @blur="xwyjHandleInputConfirm"
              style="width: 200px"
            >
            </el-input>
            <el-button v-else class="button-new-tag" size="small" @click="xwyjShowInput">添加</el-button>
          </div>
        </el-card>
      </div>
      <div class="table" v-if="zyxx.qtclShow">
        <el-card class="box-card" shadow="hover">
          <div slot="header" class="clearfix">
            <span>其他材料</span>
            <el-autocomplete
              style="margin-left: 50px"
              class="inline-input"
              v-model="searchQtcl"
              :fetch-suggestions="qtclQuerySearch"
              placeholder="搜索"
              :trigger-on-focus="false"
              @select="qtclSelect"
            ></el-autocomplete>

          </div>
          <div>
            <el-tag
              style="margin: 10px 10px"
              :key="qtcltag"
              v-for="qtcltag in cyy.qtcl"
              closable
              :disable-transitions="false"
              type="warning"
              @close="qtclHandleClose(qtcltag)">
              {{qtcltag.content}}
            </el-tag>

            <el-input
              class="input-new-tag"
              v-if="qtclInputVisible"
              v-model="qtclInputValue"
              ref="qtclSaveTagInput"
              size="small"
              @keyup.enter.native="qtclHandleInputConfirm"
              @blur="qtclHandleInputConfirm"
              style="width: 200px"
            >
            </el-input>
            <el-button v-else class="button-new-tag" size="small" @click="qtclShowInput">添加</el-button>
          </div>
        </el-card>
      </div>
      <div class="table" v-if="zyxx.zyjlShow">
        <el-card class="box-card" shadow="hover">
          <div slot="header" class="clearfix">
            <span>作业记录</span>
            <el-autocomplete
              style="margin-left: 50px"
              class="inline-input"
              v-model="searchZyjl"
              :fetch-suggestions="zyjlQuerySearch"
              placeholder="搜索"
              :trigger-on-focus="false"
              @select="zyjlSelect"
            ></el-autocomplete>

          </div>
          <div>
            <el-tag
              style="margin: 10px 10px"
              :key="zyjltag"
              v-for="zyjltag in cyy.zyjl"
              closable
              :disable-transitions="false"
              type="warning"
              @close="zyjlHandleClose(zyjltag)">
              {{zyjltag.content}}
            </el-tag>

            <el-input
              class="input-new-tag"
              v-if="zyjlInputVisible"
              v-model="zyjlInputValue"
              ref="zyjlSaveTagInput"
              size="small"
              @keyup.enter.native="zyjlHandleInputConfirm"
              @blur="zyjlHandleInputConfirm"
              style="width: 200px"
            >
            </el-input>
            <el-button v-else class="button-new-tag" size="small" @click="zyjlShowInput">添加</el-button>
          </div>
        </el-card>
      </div>
    </el-form>
    <el-form ref="zyxx" :model="zyxx" :rules="rules" label-width="150px" :disabled="power">
      <div class="table">
        <el-row :gutter="24">
          <el-col :span="7">
            <el-form-item label="审核员" prop="shy">
              <el-select v-model="zyxx.shy" placeholder="请选择" style="width:100%">
                <el-option v-for="item in optionsShy" :key="item.value" :label="item.label"
                           value="item.value"></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="7">
            <el-form-item label="作业开始时间" prop="startTime">
              <el-date-picker v-model="zyxx.startTime" type="datetime" placeholder="选择日期时间"
                              default-time="12:00:00" style="width:100%">
              </el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="7">
            <el-form-item label="作业结束时间" prop="endTime">
              <el-date-picker v-model="zyxx.endTime" type="datetime" placeholder="选择日期时间"
                              default-time="12:00:00" style="width:100%">
              </el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="7">
            <el-form-item label="报告有效期" prop="bgyxq">
              <el-select v-model="zyxx.bgyxq" placeholder="请选择" style="width:100%">
                <el-option label="180天" value="180"></el-option>
                <el-option label="360天" value="360"></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="7">
            <el-form-item label="评估方法" prop="pgff">
              <el-input v-model="zyxx.pgff" disabled>
              </el-input>
            </el-form-item>
          </el-col>
          <el-col :span="7">
            <el-form-item label="报告一式" prop="sl">
              <el-input-number v-model="zyxx.sl" :min="1" style="width:150px">
              </el-input-number>
              <span> 份</span>
            </el-form-item>
          </el-col>
          <!-- <el-col :span="13">
                  <el-form-item label="备注" prop="remark">
                      <el-input type="textarea" :rows="2" placeholder="请输入内容" v-model="zyxx.备注">
                      </el-input>
                  </el-form-item>
              </el-col> -->
        </el-row>
      </div>
    </el-form>
    <div class="but">

      <el-popover
        placement="top"
        width="200"
        trigger="hover">

        <el-switch
          v-model="zyxx.tbsmsxShow"
          active-text="特别说明事项" style="margin: 3px" @change="zyxxChange">
        </el-switch>
        <el-switch
          v-model="zyxx.flfgShow"
          active-text="法律法规" style="margin: 3px" @change="zyxxChange">
        </el-switch>
        <el-switch
          v-model="zyxx.jsyjShow"
          active-text="技术依据" style="margin: 3px" @change="zyxxChange">
        </el-switch>
        <el-switch
          v-model="zyxx.xwyjShow"
          active-text="行为依据" style="margin: 3px" @change="zyxxChange">
        </el-switch>
        <el-switch
          v-model="zyxx.qtclShow"
          active-text="其他材料" style="margin: 3px" @change="zyxxChange">
        </el-switch>
        <el-switch
          v-model="zyxx.zyjlShow"
          active-text="作业记录" style="margin: 3px" @change="zyxxChange">
        </el-switch>

        <el-button slot="reference" type="success" style="margin-right: 200px">设置显示标签</el-button>
      </el-popover>

      <el-button v-if="!power" type="primary" @click="submit()">保存</el-button>
      <el-button v-if="power" type="primary" @click="next()">下一页</el-button>
    </div>
  </div>
</template>
<script>
import {saveZyxx, selectById, getShy, updateZyxxShow} from '@/api/evaluation/newBusiness';
import {getCyyfzByAll, inputSearch} from '@/api/evaluation/word';
import {getCyyInCyyfz} from '@/api/evaluation/wordgroup';

export default {
  props: {
    ywId: {
      type: Number
    },
    ywzt: {
      type: String
    }
  },
  data() {
    return {
      optionsShy: [],
      power: false,
      ywlx: '',
      zyxxid: '',
      cyy: {
        zyxx: {},
        tbsmsx: [],
        flfg: [],
        xwyj: [],
        zyjl: [],
        qtcl: [],
        jsyj: []
      },
      options1: [],
      options2: [],
      options3: [],
      options4: [],
      options5: [],
      options6: [],
      value1: '',
      value2: '',
      value3: '',
      value4: '',
      value5: '',
      value6: '',

      zyxx: {shy: '', pgff: '修复加和法'},
      rules: {
        shy: [{required: true, message: '请选择审核员', trigger: 'change,blur'}],
        bgyxq: [{required: true, message: '请选择报告的有效期限', trigger: 'change,blur'}],
        startTime: [{required: true, message: '请填写作业开始时间', trigger: 'change,blur'}],
        endTime: [{required: true, message: '请填写作业结束时间', trigger: 'change,blur'}],
        sl: [{required: true, message: '请填写报告份数', trigger: 'change,blur'}],

      },

      tbsmsxShow: true,
      flfgShow: true,
      jsyjShow: true,
      xwyjShow: true,
      qtclShow: true,
      zyjlShow: true,

      searchTbsmsx:'',
      searchFlfg:'',
      searchJsyj:'',
      searchXwyj:'',
      searchQtcl:'',
      searchZyjl:'',
      restaurants:[],

      tbsmsxInputVisible:false,
      flfgInputVisible:false,
      jsyjInputVisible:false,
      xwyjInputVisible:false,
      qtclInputVisible:false,
      zyjlInputVisible:false,
      tbsmsxInputValue:'',
      flfgInputValue:'',
      jsyjInputValue:'',
      xwyjInputValue:'',
      qtclInputValue:'',
      zyjlInputValue:'',
    }

  },

  methods: {
    gettest() {
      selectById('id=' + this.ywId).then((res) => {

        this.zyxx = res.data.zyxx
        if (this.power) {
          this.zyxx.bgyxq = this.zyxx.bgyxq + '天'
        }
        this.cyy.tbsmsx = res.data.zyxxCyy.tbsmsx
        this.cyy.flfg = res.data.zyxxCyy.flfg
        // this.cyy.flfg = this.fun1(res.data.zyxxCyy.flfg);
        this.cyy.jsyj = res.data.zyxxCyy.jsyj
        this.cyy.xwyj = res.data.zyxxCyy.xwyj
        this.cyy.qtcl = res.data.zyxxCyy.qtcl
        this.cyy.zyjl = res.data.zyxxCyy.zyjl
        this.ywlx = res.data.jcxx.ywlx
        this.getgroup()
      })
      getShy().then((res) => {
        res.data.forEach(item => {
          this.optionsShy.push(
            {
              label: item,
              value: item
            }
          )
        });

      })
    },
    fun1(cyy){
      var tags = [];
      for (let i = 0; i < cyy.length; i++) {
        tags.push(cyy[i].content)
      }
      return tags;
    },
    selectGroup(index, value) {
      getCyyInCyyfz(value).then((res) => {
        var ywid = this.ywId
        if (index == 1) {
          this.cyy.tbsmsx = []
          for (var i = 0; i < res.data.length; i++) {
            var content = res.data[i].name
            this.cyy.tbsmsx.push({
              ywid,
              name: '特别说明事项',
              content,
            })
          }
          // this.cyy.tbsmsx = res.data
        } else if (index == 2) {
          this.cyy.flfg = []
          for (var i = 0; i < res.data.length; i++) {
            var content = res.data[i].name
            this.cyy.flfg.push({
              ywid,
              name: '法律法规',
              content,
            })
          }
          // this.cyy.flfg = res.data
        } else if (index == 3) {
          this.cyy.jsyj = []
          for (var i = 0; i < res.data.length; i++) {
            var content = res.data[i].name
            this.cyy.jsyj.push({
              ywid,
              name: '技术依据',
              content,
            })
          }
          // this.cyy.jsyj = res.data
        } else if (index == 4) {
          this.cyy.xwyj = []
          for (var i = 0; i < res.data.length; i++) {
            var content = res.data[i].name
            this.cyy.xwyj.push({
              ywid,
              name: '行为依据',
              content,
            })
          }
          // this.cyy.xwyj = res.data
        } else if (index == 5) {
          this.cyy.qtcl = []
          for (var i = 0; i < res.data.length; i++) {
            var content = res.data[i].name
            this.cyy.qtcl.push({
              ywid,
              name: '其他材料',
              content,
            })
          }
          // this.cyy.qtcl = res.data
        } else if (index == 6) {
          this.cyy.zyjl = []
          for (var i = 0; i < res.data.length; i++) {
            var content = res.data[i].name
            this.cyy.zyjl.push({
              ywid,
              name: '作业记录',
              content,
            })
          }
          // this.cyy.zyjl = res.data
        }
      })
    },
    getgroup() {
      this.options1 = []
      this.options2 = []
      this.options3 = []
      this.options4 = []
      this.options5 = []
      this.options6 = []
      getCyyfzByAll('input=' + this.ywlx).then((res) => {
        if (res) {
          for (var i = 0; i < res.data.length; i++) {
            if (res.data[i].cyylx == '特别说明事项') {
              this.options1.push({
                label: res.data[i].name,
                value: res.data[i].id
              })
            } else if (res.data[i].cyylx == '法律法规') {
              this.options2.push({
                label: res.data[i].name,
                value: res.data[i].id
              })
            } else if (res.data[i].cyylx == '技术依据') {
              this.options3.push({
                label: res.data[i].name,
                value: res.data[i].id
              })
            } else if (res.data[i].cyylx == '行为依据') {
              this.options4.push({
                label: res.data[i].name,
                value: res.data[i].id
              })
            } else if (res.data[i].cyylx == '其他材料') {
              this.options5.push({
                label: res.data[i].name,
                value: res.data[i].id
              })
            } else if (res.data[i].cyylx == '作业记录') {
              this.options6.push({
                label: res.data[i].name,
                value: res.data[i].id
              })
            }
          }
        } else {
          return
        }
      })
    },
    submit() {
      this.cyy.zyxx = this.zyxx
      saveZyxx(this.cyy).then((res) => {
        this.$message.success('保存成功！')
        this.$emit('nextTab');
      })
    },
    next() {
      this.$emit('nextTab');
    },
    zyxxChange() {
      updateZyxxShow('id=' + this.zyxx.id + '&tbsmsx=' + this.zyxx.tbsmsxShow + '&flfg=' + this.zyxx.flfgShow +
        '&jsyj=' + this.zyxx.jsyjShow + '&xwyj=' + this.zyxx.xwyjShow +
        '&qtcl=' + this.zyxx.qtclShow + '&zyjl=' + this.zyxx.zyjlShow)
      this.gettest();
    },

    // 输入提示
    querySearch(queryString, cb) {
      inputSearch("input=" + this.searchTbsmsx + "&ywid=" + this.ywId + "&sywz=" + "特别说明事项").then(
        (res) => {
          cb(res.data);
        }
      )
    },
    flfgQuerySearch(queryString, cb) {
      inputSearch("input=" + this.searchFlfg + "&ywid=" + this.ywId + "&sywz=" + "法律法规").then(
        (res) => {
          cb(res.data);
        }
      )
    },
    jsyjQuerySearch(queryString, cb) {
      inputSearch("input=" + this.searchJsyj + "&ywid=" + this.ywId + "&sywz=" + "技术依据").then(
        (res) => {
          cb(res.data);
        }
      )
    },
    xwyjQuerySearch(queryString, cb) {
      inputSearch("input=" + this.searchXwyj + "&ywid=" + this.ywId + "&sywz=" + "行为依据").then(
        (res) => {
          cb(res.data);
        }
      )
    },
    qtclQuerySearch(queryString, cb) {
      inputSearch("input=" + this.searchQtcl + "&ywid=" + this.ywId + "&sywz=" + "其他材料").then(
        (res) => {
          cb(res.data);
        }
      )
    },
    zyjlQuerySearch(queryString, cb) {
      inputSearch("input=" + this.searchZyjl + "&ywid=" + this.ywId + "&sywz=" + "作业记录").then(
        (res) => {
          cb(res.data);
        }
      )
    },

    // 删除标签
    tbsmsxHandleClose(tag){
      this.cyy.flfg.splice(this.cyy.tbsmsx.indexOf(tag),1)
    },
    flfgHandleClose(tag){
      this.cyy.flfg.splice(this.cyy.flfg.indexOf(tag),1)
    },
    jsyjHandleClose(tag){
      this.cyy.flfg.splice(this.cyy.jsyj.indexOf(tag),1)
    },
    xwyjHandleClose(tag){
      this.cyy.flfg.splice(this.cyy.xwyj.indexOf(tag),1)
    },
    qtclHandleClose(tag){
      this.cyy.flfg.splice(this.cyy.qtcl.indexOf(tag),1)
    },
    zyjlHandleClose(tag){
      this.cyy.flfg.splice(this.cyy.zyjl.indexOf(tag),1)
    },

    // 新增标签
    tbsmsxHandleInputConfirm(){
      let inputValue = this.tbsmsxInputValue;
      if (inputValue) {
        this.cyy.tbsmsx.push({
          'ywid':this.ywId,
          'content':inputValue
        })
      }
      this.tbsmsxInputVisible = false;
      this.tbsmsxInputValue = '';
    },
    flfgHandleInputConfirm(){
      let inputValue = this.flfgInputValue;
      if (inputValue) {
        this.cyy.flfg.push({
          'ywid':this.ywId,
          'content':inputValue
        })
      }
      this.flfgInputVisible = false;
      this.flfgInputValue = '';
    },
    jsyjHandleInputConfirm(){
      let inputValue = this.jsyjInputValue;
      if (inputValue) {
        this.cyy.jsyj.push({
          'ywid':this.ywId,
          'content':inputValue
        })
      }
      this.jsyjInputVisible = false;
      this.jsyjInputValue = '';
    },
    xwyjHandleInputConfirm(){
      let inputValue = this.xwyjInputValue;
      if (inputValue) {
        this.cyy.xwyj.push({
          'ywid':this.ywId,
          'content':inputValue
        })
      }
      this.xwyjInputVisible = false;
      this.xwyjInputValue = '';
    },
    qtclHandleInputConfirm(){
      let inputValue = this.qtclInputValue;
      if (inputValue) {
        this.cyy.qtcl.push({
          'ywid':this.ywId,
          'content':inputValue
        })
      }
      this.qtclInputVisible = false;
      this.qtclInputValue = '';
    },
    zyjlHandleInputConfirm(){
      let inputValue = this.zyjlInputValue;
      if (inputValue) {
        this.cyy.zyjl.push({
          'ywid':this.ywId,
          'content':inputValue
        })
      }
      this.zyjlInputVisible = false;
      this.zyjlInputValue = '';
    },

    // 输入框
    tbsmsxShowInput(){
      this.tbsmsxInputVisible = true;
      this.$nextTick(_ => {
        this.$refs.tbsmsxSaveTagInput.$refs.input.focus();
      });
    },
    flfgShowInput(){
      this.flfgInputVisible = true;
      this.$nextTick(_ => {
        this.$refs.flfgSaveTagInput.$refs.input.focus();
      });
    },
    jsyjShowInput(){
      this.jsyjInputVisible = true;
      this.$nextTick(_ => {
        this.$refs.jsyjSaveTagInput.$refs.input.focus();
      });
    },
    xwyjShowInput(){
      this.xwyjInputVisible = true;
      this.$nextTick(_ => {
        this.$refs.xwyjSaveTagInput.$refs.input.focus();
      });
    },
    qtclShowInput(){
      this.qtclInputVisible = true;
      this.$nextTick(_ => {
        this.$refs.qtclSaveTagInput.$refs.input.focus();
      });
    },
    zyjlShowInput(){
      this.zyjlInputVisible = true;
      this.$nextTick(_ => {
        this.$refs.zyjlSaveTagInput.$refs.input.focus();
      });
    },

    // 选中建议项
    tbsmsxSelect(c){
      let inputValue = c.nr;
      if (inputValue) {
        this.cyy.tbsmsx.push({
          'ywid':this.ywId,
          'content':inputValue
        })
      }
    },
    flfgSelect(c){
      let inputValue = c.nr;
      if (inputValue) {
        this.cyy.flfg.push({
          'ywid':this.ywId,
          'content':inputValue
        })
      }
    },
    jsyjSelect(c){
      let inputValue = c.nr;
      if (inputValue) {
        this.cyy.jsyj.push({
          'ywid':this.ywId,
          'content':inputValue
        })
      }
    },
    xwyjSelect(c){
      let inputValue = c.nr;
      if (inputValue) {
        this.cyy.xwyj.push({
          'ywid':this.ywId,
          'content':inputValue
        })
      }
    },
    qtclSelect(c){
      let inputValue = c.nr;
      if (inputValue) {
        this.cyy.qtcl.push({
          'ywid':this.ywId,
          'content':inputValue
        })
      }
    },
    zyjlSelect(c){
      let inputValue = c.nr;
      if (inputValue) {
        this.cyy.zyjl.push({
          'ywid':this.ywId,
          'content':inputValue
        })
      }
    },
  },
  activated() {
    if (localStorage.getItem('role') == '高级评估师' || localStorage.getItem('role') == '企业管理员') {
      this.power = true
    }
    this.gettest();

  }
  // mounted(){
  //     this.gettest()
  // }
}
</script>
<style scoped lang="less">
.table {
  margin-top: 10px;
  margin-left: 10px;
  padding: 25px 15px 15px 15px;
  background-color: #ffffff;
  border-top-left-radius: 5px;
}

.el-form {
  margin-top: 10px;
}

span {
  font-size: 13px;
  color: #606266;
}

.items {
  margin-bottom: 30px;
}

.but {
  text-align: right;
  background-color: #fff;
  margin-left: 10px;
  padding-right: 40px;
}

:deep .el-input.is-disabled .el-input__inner {
  color: #606266;
}

.cyylab :deep .el-form-item__label {
  background-color: #2EB3FF;
  border-radius: 3px;
  color: #fff;
  // text-align-last:center
}

.select :deep .el-input--medium .el-input__inner {
  width: 200px;
}

.cyyinput :deep .el-input--medium .el-input__inner {
  border: none;
  margin-top: 10px;
}

.text {
  font-size: 14px;
}

.item {
  margin-bottom: 18px;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both
}

.box-card {
  width: 100%;
}

.el-tag + .el-tag {
  margin-left: 10px;
}
.button-new-tag {
  margin-left: 10px;
  height: 32px;
  line-height: 30px;
  padding-top: 0;
  padding-bottom: 0;
}
.input-new-tag {
  width: 90px;
  margin-left: 10px;
  vertical-align: bottom;
}
</style>
